<template>
  <ul class="main">
    TodoMain:
    <li v-for="(item,index) in list" :key="item.id">{{index+1}}===={{ item.id }} =={{ item.name }}
      <!-- <button @click="$emit('del',item.id)">删除</button> -->
      <button @click="del(item.id)">删除</button>
    </li>
  </ul>
</template>
<script>
export default{
    name:'',
    props:{
      list:{
        type:Array,
        // defualt:()=>{
        //   return []
        // }
        default:()=> []// 针对复杂数据类型需要写成函数形式
      }
    },
    data () {
        return {

        }
    },
    created () {
    },
    computed:{
    },
    methods:{
      del(id){
        this.$emit('del',id)
      }
    }
}
</script>
<style lang='less'  scoped>
 .main{
  background-color: skyblue;
 }
</style>